<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>购物车</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--头部部分 !-->
            <header class="bar bar-nav">
                <a href="productDetails.html">
                    <button class="button button-link button-nav pull-left">
                        <span class="icon icon-left"></span> 返回
                    </button>
                </a>
                <button class="button button-link button-nav pull-right" id="editBtn">
                    编辑
                </button>
                <h1 class="title">购物车</h1>
            </header>
            <!--内容部分 !-->
            <div class="content cart-content">
                <div class="list-block media-list">
                    <ul>
                        <li>
                            <label class="label-checkbox item-content">
                                <input type="checkbox" name="checkbox">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                                <img src="http://gw.alicdn.com/bao/uploaded/i2/TB13tZINVXXXXaoXFXXXXXXXXXX_!!0-item_pic.jpg_200x200q50s150.jpg_.webp">
                                <div class="item-inner">
                                    <div class="item-text">秋冬女装韩版宽松显瘦萝卜裤百搭哈伦裤高腰休闲裤九分裤学生裤子</div>
                                    <div class="item-subtitle">颜色分类：黑色;尺寸：均码</div>
                                    <div class="item-title-row">
                                        <div class="item-title">￥27.97</div>
                                        <div class="item-after">
                                            <a class="btn reduce" min="1">-</a>
                                            <input type="number" min="1" value="1">
                                            <a class="btn plus" max="1366">+</a>
                                        </div>
                                    </div>
                                </div>
                            </label>
                        </li>
                        <li>
                            <label class="label-checkbox item-content">
                                <input type="checkbox" name="checkbox">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                                <img src="http://gw.alicdn.com/bao/uploaded/i3/TB15xcLHpXXXXXqXpXXXXXXXXXX_!!2-item_pic.png_200x200.jpg_.webp">
                                <div class="item-inner">
                                    <div class="item-text">秋冬女装韩版宽松显瘦萝卜裤百搭哈伦裤高腰休闲裤九分裤学生裤子</div>
                                    <div class="item-subtitle">颜色分类：黑色;尺寸：均码</div>
                                    <div class="item-title-row">
                                        <div class="item-title">￥27.97</div>
                                        <div class="item-after">
                                            <a class="btn reduce" min="1">-</a>
                                            <input type="number" min="1" value="1">
                                            <a class="btn plus" max="1366">+</a>
                                        </div>
                                    </div>
                                </div>
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="list-block media-list">
                    <ul>
                        <li>
                            <label class="label-checkbox item-content">
                                <input type="checkbox" name="checkbox">
                                <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                                <img src="http://gw.alicdn.com/bao/uploaded/i4/TB1hNO8KpXXXXXYXVXXXXXXXXXX_!!0-item_pic.jpg_200x200q50s150.jpg_.webp">
                                <div class="item-inner">
                                    <div class="item-text">秋冬女装韩版宽松显瘦萝卜裤百搭哈伦裤高腰休闲裤九分裤学生裤子</div>
                                    <div class="item-subtitle">颜色分类：黑色;尺寸：均码</div>
                                    <div class="item-title-row">
                                        <div class="item-title">￥27.97</div>
                                        <div class="item-after">
                                            <a class="btn reduce" min="1">-</a>
                                            <input type="number" min="1" value="1">
                                            <a class="btn plus" max="1366">+</a>
                                        </div>
                                    </div>
                                </div>
                            </label>
                        </li>
                    </ul>
                </div>
            </div>
            <nav class="bar bar-tab account-bar-tab" id="tool-bar">
                <h4>合计：￥242.00</h4>
                <a href="pay.html" class="accountBtn">结算</a>
            </nav>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type="text/javascript" src="js/shoppingCart.js"></script>
</body>

</html>
